﻿<!DOCTYPE html>
<html>
  <head>
    <title>5.1统计数据</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/5_1统计数据/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/5_1统计数据/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (Group) -->
      <div id="u2171" class="ax_default" data-left="48" data-top="130" data-width="375" data-height="667">

        <!-- Rectangle (Rectangle) -->
        <div id="u2172" class="ax_default _形状" data-label="Rectangle">
          <div id="u2172_div" class=""></div>
          <div id="u2172_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u2173" class="ax_default" data-left="49" data-top="739" data-width="374" data-height="58">

          <!-- Rectangle (Rectangle) -->
          <div id="u2174" class="ax_default _形状" data-label="Rectangle">
            <div id="u2174_div" class=""></div>
            <div id="u2174_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Rectangle (Rectangle) -->
          <div id="u2175" class="ax_default _形状" data-label="Rectangle">
            <div id="u2175_div" class=""></div>
            <div id="u2175_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Rectangle (Rectangle) -->
          <div id="u2176" class="ax_default _形状" data-label="Rectangle">
            <div id="u2176_div" class=""></div>
            <div id="u2176_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Rectangle (Rectangle) -->
          <div id="u2177" class="ax_default _形状" data-label="Rectangle">
            <div id="u2177_div" class=""></div>
            <div id="u2177_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Rectangle (Rectangle) -->
          <div id="u2178" class="ax_default _形状" data-label="Rectangle">
            <div id="u2178_div" class=""></div>
            <div id="u2178_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u2179" class="ax_default" data-left="391" data-top="141" data-width="25" data-height="10">

          <!-- Unnamed (Group) -->
          <div id="u2180" class="ax_default" data-left="391" data-top="141" data-width="25" data-height="10">

            <!-- Unnamed (Rectangle) -->
            <div id="u2181" class="ax_default _形状">
              <div id="u2181_div" class=""></div>
              <div id="u2181_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2182" class="ax_default _形状">
              <div id="u2182_div" class=""></div>
              <div id="u2182_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (Rectangle) -->
            <div id="u2183" class="ax_default _形状">
              <div id="u2183_div" class=""></div>
              <div id="u2183_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Header 2 (Rectangle) -->
        <div id="u2184" class="ax_default _文本段落" data-label="Header 2">
          <div id="u2184_div" class=""></div>
          <div id="u2184_text" class="text ">
            <p><span>10:30 </span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u2185" class="ax_default image">
          <img id="u2185_img" class="img " src="images/1闹钟功能/u46.png"/>
          <div id="u2185_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u2186" class="ax_default image">
          <img id="u2186_img" class="img " src="images/1闹钟功能/u47.png"/>
          <div id="u2186_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- paragraph (Rectangle) -->
        <div id="u2187" class="ax_default _文本段落" data-label="paragraph">
          <div id="u2187_div" class=""></div>
          <div id="u2187_text" class="text ">
            <p><span>2020-11-12&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; 睡眠定时&nbsp; 12:00pm-8:00am</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u2188" class="ax_default icon">
        <img id="u2188_img" class="img " src="images/1闹钟功能/u48.svg"/>
        <div id="u2188_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2189" class="ax_default image">
        <img id="u2189_img" class="img " src="images/1闹钟功能/u49.png"/>
        <div id="u2189_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2190" class="ax_default image">
        <img id="u2190_img" class="img " src="images/5统计数据页/u2118.svg"/>
        <div id="u2190_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2191" class="ax_default shape">
        <div id="u2191_div" class=""></div>
        <div id="u2191_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2192" class="ax_default shape">
        <div id="u2192_div" class=""></div>
        <div id="u2192_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2193" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2193_div" class=""></div>
        <div id="u2193_text" class="text ">
          <p><span>一&nbsp; &nbsp; &nbsp; 二&nbsp; &nbsp; &nbsp; 三&nbsp; &nbsp; &nbsp; 四&nbsp; &nbsp; &nbsp; 五&nbsp; &nbsp; &nbsp; 六&nbsp; &nbsp; &nbsp; 日</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2194" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2194_div" class=""></div>
        <div id="u2194_text" class="text ">
          <p><span>平均卧床时间</span></p><p><span><br></span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u2195" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2195_div" class=""></div>
        <div id="u2195_text" class="text ">
          <p><span>100%</span></p>
        </div>
      </div>

      <!-- Unnamed (Line) -->
      <div id="u2196" class="ax_default line">
        <img id="u2196_img" class="img " src="images/3_1详情设置/u1626.svg"/>
        <div id="u2196_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2197" class="ax_default shape">
        <img id="u2197_img" class="img " src="images/5统计数据页/u2125.svg"/>
        <div id="u2197_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2198" class="ax_default shape">
        <img id="u2198_img" class="img " src="images/5统计数据页/u2126.svg"/>
        <div id="u2198_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2199" class="ax_default shape">
        <img id="u2199_img" class="img " src="images/5统计数据页/u2127.svg"/>
        <div id="u2199_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2200" class="ax_default shape">
        <div id="u2200_div" class=""></div>
        <div id="u2200_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2201" class="ax_default shape">
        <img id="u2201_img" class="img " src="images/5统计数据页/u2129.svg"/>
        <div id="u2201_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2202" class="ax_default shape">
        <img id="u2202_img" class="img " src="images/5统计数据页/u2125.svg"/>
        <div id="u2202_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2203" class="ax_default shape">
        <img id="u2203_img" class="img " src="images/5统计数据页/u2125.svg"/>
        <div id="u2203_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2204" class="ax_default shape">
        <img id="u2204_img" class="img " src="images/5统计数据页/u2132.svg"/>
        <div id="u2204_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Line) -->
      <div id="u2205" class="ax_default line">
        <img id="u2205_img" class="img " src="images/5统计数据页/u2133.svg"/>
        <div id="u2205_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u2206" class="ax_default _文本段落" data-label="Header 2">
        <div id="u2206_div" class=""></div>
        <div id="u2206_text" class="text ">
          <p><span>8h</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2207" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2207_div" class=""></div>
        <div id="u2207_text" class="text ">
          <p><span>8 小时 30 分钟</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2208" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2208_div" class=""></div>
        <div id="u2208_text" class="text ">
          <p><span>清醒</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2209" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2209_div" class=""></div>
        <div id="u2209_text" class="text ">
          <p><span>沉睡</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2210" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2210_div" class=""></div>
        <div id="u2210_text" class="text ">
          <p><span>浅睡</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2211" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2211_div" class=""></div>
        <div id="u2211_text" class="text ">
          <p><span>1 小时 2 分钟</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2212" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2212_div" class=""></div>
        <div id="u2212_text" class="text ">
          <p><span>14 小时 50 分钟</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2213" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2213_div" class=""></div>
        <div id="u2213_text" class="text ">
          <p><span>36 小时 30 分钟</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2214" class="ax_default shape">
        <div id="u2214_div" class=""></div>
        <div id="u2214_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2215" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2215_div" class=""></div>
        <div id="u2215_text" class="text ">
          <p><span>日</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2216" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2216_div" class=""></div>
        <div id="u2216_text" class="text ">
          <p><span>周</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2217" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2217_div" class=""></div>
        <div id="u2217_text" class="text ">
          <p><span>月</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2218" class="ax_default shape">
        <div id="u2218_div" class=""></div>
        <div id="u2218_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2219" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2219_div" class=""></div>
        <div id="u2219_text" class="text ">
          <p><span>您一共说了23段梦话</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2220" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2220_div" class=""></div>
        <div id="u2220_text" class="text ">
          <p><span>展开更多</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2221" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2221_div" class=""></div>
        <div id="u2221_text" class="text ">
          <p><span>01:32</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2222" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2222_div" class=""></div>
        <div id="u2222_text" class="text ">
          <p><span>03:12</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2223" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2223_div" class=""></div>
        <div id="u2223_text" class="text ">
          <p><span>07:07</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2224" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2224_div" class=""></div>
        <div id="u2224_text" class="text ">
          <p><span>5s</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2225" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2225_div" class=""></div>
        <div id="u2225_text" class="text ">
          <p><span>26s</span></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2226" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2226_div" class=""></div>
        <div id="u2226_text" class="text ">
          <p><span>42s</span></p>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u2227" class="ax_default icon">
        <img id="u2227_img" class="img " src="images/5统计数据页/u2155.svg"/>
        <div id="u2227_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u2228" class="ax_default icon">
        <img id="u2228_img" class="img " src="images/5统计数据页/u2155.svg"/>
        <div id="u2228_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Shape) -->
      <div id="u2229" class="ax_default icon">
        <img id="u2229_img" class="img " src="images/5统计数据页/u2157.svg"/>
        <div id="u2229_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2230" class="ax_default" data-left="147" data-top="630" data-width="200" data-height="14">

        <!-- Unnamed (Line) -->
        <div id="u2231" class="ax_default _水平线">
          <img id="u2231_img" class="img " src="images/5统计数据页/u2159.svg"/>
          <div id="u2231_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (Line) -->
        <div id="u2232" class="ax_default _水平线">
          <img id="u2232_img" class="img " src="images/4_2故事/u1982.svg"/>
          <div id="u2232_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Rectangle (Rectangle) -->
        <div id="u2233" class="ax_default _形状" data-label="Rectangle">
          <img id="u2233_img" class="img " src="images/5统计数据页/rectangle_u2161.svg"/>
          <div id="u2233_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2234" class="ax_default" data-left="147" data-top="668" data-width="200" data-height="2">

        <!-- Unnamed (Line) -->
        <div id="u2235" class="ax_default _水平线">
          <img id="u2235_img" class="img " src="images/5统计数据页/u2159.svg"/>
          <div id="u2235_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2236" class="ax_default" data-left="147" data-top="697" data-width="200" data-height="2">

        <!-- Unnamed (Line) -->
        <div id="u2237" class="ax_default _水平线">
          <img id="u2237_img" class="img " src="images/5统计数据页/u2159.svg"/>
          <div id="u2237_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2238" class="ax_default image">
        <img id="u2238_img" class="img " src="images/5统计数据页/u2166.png"/>
        <div id="u2238_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2239" class="ax_default image">
        <img id="u2239_img" class="img " src="images/5统计数据页/u2166.png"/>
        <div id="u2239_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u2240" class="ax_default image">
        <img id="u2240_img" class="img " src="images/5统计数据页/u2166.png"/>
        <div id="u2240_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u2241" class="ax_default" data-left="164" data-top="41" data-width="143" data-height="49">

        <!-- paragraph (Rectangle) -->
        <div id="u2242" class="ax_default _文本段落" data-label="paragraph">
          <div id="u2242_div" class=""></div>
          <div id="u2242_text" class="text ">
            <p><span>数据统计</span></p>
          </div>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2243" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2243_div" class=""></div>
        <div id="u2243_text" class="text ">
          <p><span>数据统计-可视化功能</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u2244" class="ax_default shape">
        <img id="u2244_img" class="img " src="images/5_1统计数据/u2244.svg"/>
        <div id="u2244_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- paragraph (Rectangle) -->
      <div id="u2245" class="ax_default _文本段落" data-label="paragraph">
        <div id="u2245_div" class=""></div>
        <div id="u2245_text" class="text ">
          <p style="line-height:34px;"><span>1. 通过点击底部导航最右边的按钮进入【数据统计】页面</span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:34px;"><span>2. 页面顶部展示当天时间，右边展示用户设定的睡眠目标，修改目标见【睡眠定时】</span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:34px;"><span>3. 提供“日”/“周”/“月”三周展示方式，除了[梦话]卡片，其他卡片内容数据随着用户所选的展示方式不同而改变</span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:34px;"><span>4. 统计图中在用户所设定的睡眠目标对应出显示一条虚线，并展示用户的目标睡眠时间，达到目标的柱状图呈现绿色，否则为朱红色</span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:34px;"><span>5. 用户可点击梦话卡片右侧的对应分享图标分享至其他平台。若用户未选择保存，则梦话录音一周后自动清空</span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:34px;"><span><br></span></p><p style="line-height:normal;"><span><br></span></p><p style="line-height:normal;"><span><br></span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
